<div class="datastatistice-container">
  <div class="view-container" >
    <div class="list">
      <div class="title">{{ this.equipname1 }}</div>
      <div class="content" >
        <!--<div class="titleView" [style.background]="item"></div>-->
        <div class="titleView" [style.background]="this.viewColor1[0].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[1].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[2].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[3].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[4].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[5].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[6].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[7].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[8].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[9].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[10].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[11].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[12].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[13].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[14].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[15].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[16].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[17].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[18].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[19].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[20].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[21].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[22].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[23].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[24].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[25].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[26].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[27].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[28].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[29].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[30].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[31].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[32].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[33].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[34].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[35].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[36].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[37].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[38].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor1[39].dataColor"></div>
      </div>
      <div class="count">
        {{ this.count1 }}
      </div>
    </div>
    <div class="list">
      <div class="title">{{ this.equipname2 }}</div>
      <div class="content" >
        <!--<div class="titleView" [style.background]="item"></div>-->
        <div class="titleView" [style.background]="this.viewColor3[0].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[1].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[2].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[3].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[4].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[5].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[6].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[7].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[8].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[9].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[10].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[11].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[12].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[13].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[14].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[15].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[16].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[17].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[18].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[19].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[20].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[21].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[22].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[23].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[24].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[25].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[26].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[27].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[28].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[29].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[30].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[31].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[32].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[33].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[34].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[35].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[36].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[37].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[38].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor3[39].dataColor"></div>
      </div>
      <div class="count">
        {{ this.count2 }}
      </div>
    </div>
    <div class="list">
      <div class="title">{{ this.equipname3 }}</div>
      <div class="content" >
        <!--<div class="titleView" [style.background]="item"></div>-->
        <div class="titleView" [style.background]="this.viewColor4[0].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[1].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[2].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[3].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[4].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[5].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[6].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[7].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[8].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[9].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[10].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[11].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[12].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[13].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[14].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[15].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[16].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[17].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[18].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[19].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[20].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[21].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[22].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[23].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[24].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[25].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[26].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[27].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[28].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[29].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[30].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[31].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[32].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[33].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[34].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[35].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[36].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[37].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[38].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor4[39].dataColor"></div>
      </div>
      <div class="count">
        {{ this.count3 }}
      </div>
    </div>
    <div class="list">
      <div class="title">{{ this.equipname4 }}</div>
      <div class="content" >
        <!--<div class="titleView" [style.background]="item"></div>-->
        <div class="titleView" [style.background]="this.viewColor5[0].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[1].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[2].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[3].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[4].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[5].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[6].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[7].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[8].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[9].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[10].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[11].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[12].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[13].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[14].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[15].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[16].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[17].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[18].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[19].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[20].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[21].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[22].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[23].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[24].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[25].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[26].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[27].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[28].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[29].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[30].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[31].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[32].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[33].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[34].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[35].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[36].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[37].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[38].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor5[39].dataColor"></div>
      </div>
      <div class="count">
        {{ this.count4 }}
      </div>
    </div>
    <div class="list">
      <div class="title">{{ this.equipname5 }}</div>
      <div class="content" >
        <!--<div class="titleView" [style.background]="item"></div>-->
        <div class="titleView" [style.background]="this.viewColor6[0].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[1].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[2].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[3].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[4].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[5].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[6].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[7].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[8].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[9].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[10].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[11].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[12].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[13].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[14].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[15].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[16].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[17].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[18].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[19].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[20].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[21].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[22].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[23].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[24].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[25].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[26].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[27].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[28].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[29].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[30].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[31].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[32].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[33].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[34].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[35].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[36].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[37].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[38].dataColor"></div>
        <div class="titleView" [style.background]="this.viewColor6[39].dataColor"></div>
      </div>
      <div class="count">
        {{ this.count5 }}
      </div>
    </div>

  </div>
</div>
